<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="../../../attr.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!doctype html>
<html>
<meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="${ctx}/css/sapar.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/css/common.css" />
<script type="text/javascript" src="${ctx}/js/jquery.js"></script>
<script type="text/javascript" src="${ctx}/js/sapar.js"></script>
<script type="text/javascript" src="${ctx}/js/WdatePicker.js"></script>
<script type="text/javascript" src="${ctx}/assets/layer/layer.js"></script>
<script type="text/javascript" src="${ctx}/js/kkpager.min.js"></script>
<link rel="stylesheet" type="text/css"
	href="${ctx}/css/kkpager_blue.css" />
<script type="text/javascript" src="${ctx}/js/jquery-1.10.1.js"></script>
<title>设备管理</title>
<style>
#shou {
	margin-left: 8px;
}

#yici {
	margin-left: 8px;
}
th{
text-align: center;
}
td{
text-align: center;
}
</style>
</head>

<body>
	<div id="saper-container">
		<div id="saper-hd"></div>
		<div id="saper-bd">
			<div class="subfiled clearfix">
				<h2>设备管理</h2>
			</div>
			<div class="subfiled-content">
			   <div class="query_criteria">
                 <h3 style="text-indent:2em">▍查询条件</h3>
                 <div class="search-box clearfix" style="margin-top:10px">
					<div class="kv-item clearfix">
						<label>设备名称:</label>
						<div class="kv-item-content">
							<input type="text" name="searchTxt" placeholder="设备名称"
								value="${searchTxt}" class="search_text" onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')">
						</div>
					</div>
					<a href="javascript:;" class="sapar-btn sapar-btn-recom query-btn"
						id="chaxun">查询</a>
				</div>
               </div>
				<div class="user_management">
				   <h3 style="text-indent:2em">▍用户管理列表</h3>
				   <!--表格开始-->
					<div class="table">
						<!--表格操作-->
						<div class="table-operate ue-clear">
							<a href="javascript:;" class="add">添加</a> <a href="javascript:;"
								class="edit">修改</a> <a href="javascript:;" class="del">删除</a>
						</div>
						<!--表格具体内容-->
						<div class="table-box">
							<table>
								<thead>
									<tr>
										<th>
										<input type="checkbox" id="checkall" name="checkall"/></th>
										<th>设备编号</th>
										<th>设备序列号</th>
										<th>设备名称</th>
										<th>设备类型</th>
										<th>录入时间</th>
									</tr>
								</thead>
								<tbody>
									<c:if test="${equipList != null}">
										<c:forEach items="${equipList}" var="equip">
											<tr>
												<td><input type="checkbox" name="key"
													value="${equip.equipId}"/></td>
												<td>${equip.equipId}</td>
												<td>${equip.equipNo}</td>
												<td>${equip.equipName}</td>
												<td><c:if test="${equip.equipType==1 }">清洗设备</c:if>
	                      							<c:if test="${equip.equipType==2 }">灭菌设备</c:if></td>
												<td><fmt:formatDate value="${equip.equipCreatetime}"
														type="date" pattern="yyyy-MM-dd HH:mm:ss" /></td>
											</tr>
										</c:forEach>
									</c:if>
								</tbody>
							</table>
						</div>
					</div>
					<!--表格结束-->
				</div>
				
			</div>
		</div>
		<!--分页用到的 -->
		<div id="saper-ft">
			<div id="kkpager"></div>
		</div>
	</div>
</body>
<!-- -->
<script type="text/javascript">
	$(function(){
		var totalPage = ${total};
		var pageNo = getParameter('pageIndex');
		if(!pageNo){
			pageNo = 1;
		}
		//生成分页
		//有些参数是可选的，比如lang，若不传有默认值
		kkpager.generPageHtml({
			pno : pageNo,
			//总页码
			total : totalPage,
			//链接前部
			hrefFormer : '${ctx}/equip/equipList',
			//链接尾部
			hrefLatter : '.do',
			//这些参数传过去干嘛的
			getLink : function(n){
				return this.hrefFormer + this.hrefLatter + "?pageIndex="+n+"&searchTxt="+$(".search_text").val();
			}
		});
		
		$(".query-btn").click(function(){
			//console.log("${ctx}/equip/equipList.do?searchTxt="+$(".search_text").val());
			window.location.href="${ctx}/equip/equipList.do?searchTxt="+$(".search_text").val();
		});
	 
		
		$(".add").click(function(){
			window.location.href="${ctx}/equip/equipEdit.do";
		});
		$("#checkall").click(function(){
	   		   if(this.checked){
	   		        $("input[name='key']").prop('checked', true)
	   		    }else{
	   		        $("input[name='key']").prop('checked', false)
	   		    }

		    });
		
		$(".edit").click(function(){
			var chk_value = getSelRecord();
			if(chk_value.length == 1){
				window.location.href="${ctx}/equip/equipEdit.do?equipId="+chk_value[0];
			}else{
				layer.msg("请选择并只能选择一条数据！");
			}
		});
		
		$(".del").click(function(){
			var chk_value = getSelRecord();
			if(chk_value.length > 0){
				layer.confirm('你确定要删除么？', function(){
					$.ajax({
			             type: "POST",
			             url:"${ctx}/equip/equipDelete.do?equipId="+chk_value.join(),
			             error: function(request) {
			            	 	layer.alert("网络故障，请稍后再试!");
			             },
			             success: function(data) {
			 	           	if(data.status=="true"){
				 	           	layer.alert("删除成功", function(){
				 	           		window.location.reload();
					 	           	$('input[name="key"]').each(function(){
				 	           			$("input[name='key']").prop('checked',false);
				 	           		});
			           		    });
			 	           	}else{
			 	           		layer.msg(data.msg);
			 	           	}
			             }
			         });
				});
			}else{
				layer.msg('请选择要删除的数据！');
			}
		});
	});
	
	function getSelRecord(){
		var chk_value =[];
		$('input[name="key"]:checked').each(function(){
			chk_value.push($(this).val()); 
		});
		return chk_value;
	}  
	
  	function getParameter(name) { 
		var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 
		var r = window.location.search.substr(1).match(reg); 
		if (r!=null) return unescape(r[2]); return null;
	}
</script>
</html>